<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
	<head>
		<meta charset="gb2312">
		<title>萌宠帮</title>
		<meta name="keywords" content="宠物、狗、猫" />
		<meta name="description" content="萌宠帮，宠物乐园。" />
		<link href="css/base.css" rel="stylesheet">
		<link href="css/index.css" rel="stylesheet">
		<script src="js/jquery.js">
</script>

		<script type="text/javascript">
var index = 1;
function bj() {
	if (index > 3) {
		index = 1;
	}
	$(".banner").hide(1000);
	$(".banner")
			.css(
					"background",
					"rgba(0, 0, 0, 0) url(http://lei-pc:8080/Wwdj/images/title"
							+ index
							+ ".jpg) repeat scroll 50% 0% / auto padding-box border-box");
	$(".banner").show(1000);
	index++;
	setTimeout(bj, 5000)
}
$(function() {
	//bj();
	$(".template")
			.find('img')
			.mouseover(
					function() {
						$(".banner")
								.css(
										"background",
										"rgba(0, 0, 0, 0) url("
												+ this.src
												+ ") repeat scroll 50% 0% / auto padding-box border-box")
					})
})
</script>
		<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
	</head>
	<body>
		<header>
		<div id="logo">
			<a href="/"></a>
		</div>
		<nav class="topnav" id="topnav">
		<a href="index.html"><span>首页</span><span class="en">Protal</span>
		</a>
		<a href="about.html"><span>论坛</span><span class="en">About</span>
		</a>
		<a href="newlist.html"><span>寄养</span><span class="en">Life</span>
		</a>
		<a href="moodlist.html"><span>领养</span><span class="en">Doing</span>
		</a>
		<a href="share.html"><span>商城</span><span class="en">Share</span>
		</a>
		<a href="knowledge.html"><span>线下</span><span class="en">Learn</span>
		</a>
		<a href="book.html"><span>留言版</span><span class="en">Gustbook</span>
		</a>
		</nav>
		</nav>
		</header>
		<div class="banner">
			<section class="box">
			<ul class="texts">
				<p>
					爱惜身边每一个生命
				</p>
				<p>
					从我做起
				</p>

			</ul>
			<div class="avatar">
				<a href="#"><span>萌宠帮</span> </a>
			</div>
			</section>
		</div>
		<div class="template">
			<div class="box">
				<h3>
					<p>
						<span>最热活动</span>
					</p>
				</h3>
				<ul>
					<c:forEach items="${ExerciseList}" var="exercise">
						<li>
							<a href="/" target="_blank"><img src="images/${exercise.IMGLIST}"> </a><span>${exercise.NAME}${exercise.IMGLIST}</span>
						</li>
					</c:forEach>
				</ul>
			</div>
		</div>
		<article>
		<h2 class="title_tj">
			<p>
				文章
				<span>推荐</span>
			</p>
		</h2>
		<div class="bloglist left">
			<h3>
				萌宠帮7月活动通知
			</h3>
			<figure>
			<img src="images/001.png">
			</figure>
			<ul>
				<p>
					如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，
					那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
				</p>
				<a title="/" href="/" target="_blank" class="readmore">阅读全文>></a>
			</ul>
			<p class="dateview">
				<span>2013-11-04</span><span>作者：系统公告</span><span>活动微博：[<a
					href="/news/life/">@萌宠帮</a>]</span>
			</p>
			<h3>
				某某某宠物美容院线下活动通知
			</h3>
			<figure>
			<img src="images/001.png">
			</figure>
			<ul>
				<p>
					如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，
					那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
				</p>
				<a title="/" href="/" target="_blank" class="readmore">阅读全文>></a>
			</ul>
			<p class="dateview">
				<span>2013-11-04</span><span>作者：系统公告</span><span>活动微博：[<a
					href="/news/life/">@萌宠帮</a>]</span>
			</p>
			<h3>
				【6月】萌图集锦欣赏
			</h3>
			<figure>
			<img src="images/001.png">
			</figure>
			<ul>
				<p>
					如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，
					那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
				</p>
				<a title="/" href="/" target="_blank" class="readmore">阅读全文>></a>
			</ul>
			<p class="dateview">
				<span>2013-11-04</span><span>作者：系统公告</span><span>活动微博：[<a
					href="/news/life/">@萌宠帮</a>]</span>
			</p>
			<h3>
				关于部分用户举报处理结果公告
			</h3>
			<figure>
			<img src="images/001.png">
			</figure>
			<ul>
				<p>
					如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，
					那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
				</p>
				<a title="/" href="/" target="_blank" class="readmore">阅读全文>></a>
			</ul>
			<p class="dateview">
				<span>2013-11-04</span><span>作者：系统公告</span><span>活动微博：[<a
					href="/news/life/">@萌宠帮</a>]</span>
			</p>
			<h3>
				双11,萌宠帮-萌宠美食节
			</h3>
			<figure>
			<img src="images/001.png">
			</figure>
			<ul>
				<p>
					如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，
					那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...
				</p>
				<a title="/" href="/" target="_blank" class="readmore">阅读全文>></a>
			</ul>
			<p class="dateview">
				<span>2013-11-04</span><span>作者：系统公告</span><span>活动微博：[<a
					href="/news/life/">@萌宠帮</a>]</span>
			</p>
		</div>
		<aside class="right">
		<div class="news">
			<h3>
				<p>
					最新
					<span>求助</span>
				</p>
			</h3>
			<ul class="rank">
				<li>
					<a href="/" title="三个月狗狗求领养" target="_blank">三个月狗狗求领养</a>
				</li>
				<li>
					<a href="/" title="公司出差,狗狗求寄养" target="_blank">公司出差,狗狗求寄养</a>
				</li>
				<li>
					<a href="/" title="求助,狗狗不吃东西怎么办" target="_blank">求助,狗狗不吃东西怎么办</a>
				</li>
				<li>
					<a href="/" title="北京-丰台区,寄养请求" target="_blank">北京-丰台区,寄养请求</a>
				</li>
				<li>
					<a href="/" title="北京-朝阳区,宠物位出租" target="_blank">北京-朝阳区,宠物位出租</a>
				</li>
				<li>
					<a href="/" title="宠物美容院院开业活动" target="_blank">宠物美容院院开业活动</a>
				</li>
				<li>
					<a href="/" title="本周六,北京-大兴区宠物线下活动" target="_blank">本周六,北京-大兴区宠物线下活动</a>
				</li>
				<li>
					<a href="/" title="宠物宝宝注意事项" target="_blank">宠物宝宝注意事项</a>
				</li>
			</ul>
			<h3 class="ph">
				<p>
					积分
					<span>排行</span>
				</p>
			</h3>
			<ul class="paih">
				<li>
					<a href="/" title="向他求助" target="_blank">张三[200000000]</a>
				</li>
				<li>
					<a href="/" title="向他求助" target="_blank">李四[111111111]</a>
				</li>
				<li>
					<a href="/" title="向他求助" target="_blank">某某[123123123]</a>
				</li>
				<li>
					<a href="/" title="向他求助" target="_blank">某某某[333222]</a>
				</li>
				<li>
					<a href="/" title="向他求助" target="_blank">某某[3333]</a>
				</li>
			</ul>
			<h3 class="links">
				<p>
					友情
					<span>链接</span>
				</p>
			</h3>
			<ul class="website">
				<li>
					<a href="/">新浪微博</a>
				</li>
				<li>
					<a href="/">腾讯微博</a>
				</li>
			</ul>
		</div>
		<!-- Baidu Button BEGIN -->
		<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare">
			<a class="bds_tsina"></a><a class="bds_qzone"></a><a class="bds_tqq"></a><a
				class="bds_renren"></a><span class="bds_more"></span><a
				class="shareCount"></a>
		</div>
		<script type="text/javascript" id="bdshare_js"
			data="type=tools&amp;uid=6574585">
</script>
		<script type="text/javascript" id="bdshell_js">
</script>

		<!-- Baidu Button END -->
		<a href="/" class="weixin"> </a>
		</aside>
		</article>
		<footer>
		<a href="" title="唯实工作室" target="_blank">联系我们</a>
		<a href="/">网站统计</a>
		</p>
		</footer>
		<script src="js/silder.js">
</script>
	</body>
</html>


